<template>
  <el-row :gutter="gutter">
    <el-col v-for="(item, index) in rowData" :key="index" :span="item.span">
      <el-form-item :label="item.title">
        <span>{{ item.value }}</span>
      </el-form-item>
    </el-col>
  </el-row>
</template>

<script setup>
const props = defineProps({
  rowData: {
    type: Array,
    default: () => [],
  },
  gutter: {
    type: Number,
    default:10,
  },
});
</script>

<style lang="less" scoped></style>
